//
// Copyright 2021, GeoSolutions Sas.
// All rights reserved.
//
// This source code is licensed under the BSD-style license found in the
// LICENSE file in the root directory of this source tree.
//

// **************
// Theme
// **************

#gn-components-theme(@theme-vars) {
    .gn-main-home {
        .color-var(@theme-vars[main-variant-color]);
        .background-color-var(@theme-vars[main-variant-bg]);
    }
}

// **************
// Layout
// **************
.gn-content {
    position: relative;
    max-width: 1440px;
    margin: auto;
    width: 100%;
}
.gn-main-home {
    .gn-container{
        display: flex;
        flex-wrap: wrap;
        .gn-row{
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            margin: 0;
        }
        
    }

    .gn-grid-container{
        position: relative;
        width: 100%;
        padding-right: 0;
        padding-left: 0;
        flex-basis: 0;
        flex-grow: 1;
        min-width: 0;
        max-width: 100%;
    }

    .gn-filter-form-container {
        position: relative;
        width: 400px;
        display: flex;
        flex-direction: column;
        height: 100%;

        @media screen and (max-width: 768px) {
            position: fixed;
            top: 0  !important;
            left: 0;
            z-index: 100;
            background-color: rgb(255,255,255);
            background-color: rgb(255,255,255, 0.7);
            transition: 0.5s;
            padding: 1em;
            flex: 0 0 100%;
            max-width: 100%;
            max-height: 100% !important;
            width: 100%;
        }

    }
}

#gn-home-resources-grid {
    position: relative;
}
